<?xml-stylesheet href="resources/detached-style.css" media="screen"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title/>
<script src="../../../resources/js-test.js"></script>
</head>
<body>
<p><a href="https://bugs.webkit.org/show_bug.cgi?id=45205">Bug 45205</a>:
Test that &lt;xml-stylesheet> processing instructions only have stylesheets when in document.</p>
<div id="console"></div>
<script>
window.onload = function () {
    sheet = document.styleSheets[0];
    pi = document.firstChild;

    shouldBe('sheet.ownerNode', 'pi')
    shouldBe('pi.sheet === sheet', 'true')

    debug("Removing &amp;lt;pi>...");
    document.removeChild(pi);

    shouldBe('pi.sheet', 'null')
    shouldBe('sheet.ownerNode', 'null')
    shouldBe('sheet.cssRules[0].cssText[0]', '"*"')

    debug("Re-adding &amp;lt;pi>...");
    document.insertBefore(pi, document.documentElement);
    shouldBe('sheet.ownerNode', 'null')
    shouldBe('pi.sheet === sheet', 'false')
    shouldBe('pi.sheet.ownerNode', 'pi')

}
</script>
</body>
</html>
